<?php include 'header.php'; ?>
<?php include 'navbar.php'; ?>

<div class="container">
    <h3>Jqueryplay</h3>
    <button id="getjson">GetJSON</button>
    <div id="ptext"></div>
    <div>lkjlkjlkj lkjlkjlk</div>
    <blockquote>
        <p>A wasted weekend is never a wasted weekend.</p>
    </blockquote>

    <blockquote class="pull-right">
        In politics all the dose is on the right?
    </blockquote>

    <div class="btn-group">
        <button class="btn hover">If you hover modal will appear.</button>
        <button class="btn" id="showform1">Showform1</button>
        <a href="#myMooodal" role="button" class="btn" data-toggle="modal">Launch demo mooodal</a>
    </div>
    <br>
    <div  class="well">
        <div class="row">
            <div class="row span3 offset6">
            <p class="alert info">HELP: If you click on me, I will disappear.</p>
        </div>
        </div>
    </div>




    <div class="well">

        <abbr title="attribute">attr</abbr>

        <p>
            <small>This line of text is meant to be treated as fine print.</small>
        </p>

        <address>
            <strong>Twitter, Inc.</strong><br>
            795 Folsom Ave, Suite 600<br>
            San Francisco, CA 94107<br>
            <abbr title="Phone">P:</abbr> (123) 456-7890
        </address>

        <address>
            <strong>Full Name</strong><br>
            <a href="mailto:#">first.last@gmail.com</a>
        </address>


        <div class="input-prepend">
            <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="Username">
        </div>
        <div class="input-append">
            <input class="span2" id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
        </div>

    </div>



    <!--mooodal-->
    <div class="modal hide" id="myMooodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Moooooooodal header</h3>
        </div>
        <div class="modal-body">
            <p>One fine body…</p>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Save changes</button>
        </div>
    </div>  
    
    
    
    
    
        <img src="images/rocktail3.jpeg" width="150"  class="img-rounded">
    <img src="images/rocktail3.jpeg" width="150" class="img-circle">
    <img src="images/rocktail3.jpeg" width="150" class="img-polaroid">
</div>






<?php include 'footer.php'; ?>